﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="{$Think.const.HOME_CSS_URL}formui.css" />
    <link rel="stylesheet" type="text/css" href="{$Think.const.HOME_CSS_URL}admin-all.css" />
    <link rel="stylesheet" type="text/css" href="{$Think.const.HOME_CSS_URL}base.css"/>
    <script type="text/javascript" src="{$Think.const.HOME_JS_URL}jquery-1.7.2.js"></script>
    <script type="text/javascript" src="{$Think.const.HOME_JS_URL}jquery-ui-1.8.22.custom.min.js"></script>
    <link rel="stylesheet" type="text/css" href="{$Think.const.HOME_CSS_URL}ui-lightness/jquery-ui-1.8.22.custom.css" />
     <script type="text/javascript" src="{$Think.const.HOME_JS_URL}Validform_v5.3.2_min.js"></script>
    <style type="text/css">
        .auto-style1 {
            height: 26px;
        }
    </style>
    
    
</head>
<body>
    <div class="alert alert-info">当前位置<b class="tip"></b>角色管理<b class="tip"></b>编辑角色</div>
    &nbsp;<a class="btn" id="Button3" href="__CONTROLLER__/lst">返回角色列表</a>
        <form class='demoform' name="main_form" method="POST" action="__SELF__" enctype="multipart/form-data">
            <input type="hidden" name="id" value="{$data['id']}" />
        <table class="tb" id="top" cellspacing="1" cellpadding="3" width="100%">
<tr>
                <td class="alert alert-info">角色名称：</td>
                <td>
                    <input  type="text" name="role_name" value="{$data['role_name']}" datatype="*1-30" errormsg="角色名称最多30个字符！"/>
                </td>
            </tr>
            <tr>
                <td class="alert alert-info">权限列表：</td>
                <td>
                    <volist name="priDate" id="v">
                        <if condition="strpos(','.$rid.',',','.$v['id'].',')!==FALSE"> 
                        {:str_repeat('-',$v['level']*8)}
                    <input level='{$v.level}'  type="checkbox" name="pri_id[]" value="{$v.id}" checked="checked" />{$v.pri_name} <br/>
                    <else/>
                     {:str_repeat('-',$v['level']*8)}
                    <input level='{$v.level}'  type="checkbox" name="pri_id[]" value="{$v.id}"/>{$v.pri_name} <br/>
                        </if>
                    </volist>
                </td>
            </tr>
            <tr>
                <td colspan="99" align="center">
                    <input type="submit" class="btn" value=" 确定 " />
                    <input type="reset" class="btn" value=" 重置 " />
                </td>
            </tr>
        </table>
    </form>

</body>
<script>

// 为所有的选择框绑定点击事件
$(":checkbox").click(function(){
	// 先取出当前权限的level值是多少
	var cur_level = $(this).attr("level");
	// 判断是选中还是取消
	if($(this).attr("checked"))
	{
		var tmplevel = cur_level; // 给一个临时的变量后面要进行减操作
		// 先取出这个复选框所有前面的复选框
		var allprev = $(this).prevAll(":checkbox");
		// 循环每一个前面的复选框判断是不是上级的
		$(allprev).each(function(k,v){
			// 判断是不是上级的权限
			if($(v).attr("level") < tmplevel)
			{
				tmplevel--; // 再向上提一级
				$(v).attr("checked", "checked");
			}
		});
		// 所有子权限也选中
		// 先取出这个复选框所有前面的复选框
		var allprev = $(this).nextAll(":checkbox");
		// 循环每一个前面的复选框判断是不是上级的
		$(allprev).each(function(k,v){
			// 判断是不是上级的权限
			if($(v).attr("level") > cur_level)
				$(v).attr("checked", "checked");
			else
				return false;   // 遇到一个平级的权限就停止循环后面的不用再判断了
		});
	}
	else
	{
		// 先取出这个复选框所有前面的复选框
		var allprev = $(this).nextAll(":checkbox");
		// 循环每一个前面的复选框判断是不是上级的
		$(allprev).each(function(k,v){
			// 判断是不是上级的权限
			if($(v).attr("level") > cur_level)
				$(v).removeAttr("checked");
			else
				return false;   // 遇到一个平级的权限就停止循环后面的不用再判断了
		});
	}
});
</script>
</html>
<script>
    $(".demoform").Validform();
</script>